<script setup lang='ts'>

import { reactive, ref, onMounted} from 'vue'
import Card from './Card.vue'

const list = ref([
  {
    icon: '&#xe62c;',
    name: '待付款'
  },
  {
    icon: '&#xe616;',
    name: '待审核'
  },
  {
    icon: '&#xe649;',
    name: '代发货'
  },
  {
    icon: '&#xe690;',
    name: '待收货'
  },
  {
    icon: '&#xe607;',
    name: '租赁中'
  },
  {
    icon: '&#xe7d2;',
    name: '待归还'
  },
  {
    icon: '&#xe61d;',
    name: '归还中'
  },
  {
    icon: '&#xe615;',
    name: '已完成'
  },
  {
    icon: '&#xea57;',
    name: '已取消'
  },
  {
    icon: '&#xe614;',
    name: '已逾期'
  },
]);

</script>

<template>
  <Card title="身份认证" tip="查看全部" header>
    <view class="flex flex-1 w-full flex-row flex-wrap justify-between items-center">
      <view class="w-1/5 flex flex-col justify-center items-center" v-for="(item, index) in list" :key="index">
        <view class="iconfont text-3xl text-gray-400" v-html="item.icon"></view>
        <view class="name text-xs">{{ item.name }}</view>
      </view>
    </view>
  </Card>
</template>
